<template>
    <div>
         <div class="header">
            <div class="header_S">
                <div>
                     <img class="header_user" src="../assets/images/app_user.png" alt="">
                </div>
                <div class="user">
                   <div class="phone">{{supers}}</div>
                    <div class="phone">{{username}}</div>
                    <div class="phone">{{tel}}</div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
   
    data(){
        return{
          tel:'',
          username:'',
          supers:''
        }
    },
    created(){
      this.tel = localStorage.getItem('tel')
      console.log(this.tel)
      this.username = localStorage.getItem('username')
      this.supers = localStorage.getItem('super')
    },
    methods:{
        starPhone(phoneNum){
            let str =  String(phoneNum),
            strLen = str.slice(-7,-3);
            return str.replace(strLen,"****");
        },
       
    }
}
</script>
<style scoped>
.header{
  background: url(../assets/images/home_bg.png) no-repeat;
  height: 2.6667rem;
  background-size: 100%;
}
.header_S{
  display: flex;
}
.header_user{
  width: 1.1185185185185186rem;
  height: 1.1185185185185186rem;
  padding-top: 0.9333rem;
  margin-left: 0.5333rem;
}
.user{
    margin-top: 0.7333rem;
}
.phone{
    font-size: 0.42592592592592593rem;
    color: #fff;
    margin-left: 0.5333rem;
    margin-top: .003704rem;
}
</style>